<template>
  <div class="page flex-col">
    <div class="main1 flex-col">
      <div class="mod1 flex-col">
        <!-- <div class="mod2 flex-row">
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb6cc297195a84b9544c4e59a32d24424d00a95a09f65e7037a527a742a591482"
          />
          <span class="info1">9:41&nbsp;AM</span>
          <span class="info2">100%</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdd450f89ba479204a2c9af635aa53d97a7851ee7077bc39481cfef2bfb747afa"
          />
        </div> -->
      </div>
      <div class="mod3 flex-col">
        <!-- <div class="main2 flex-col">
          <div class="mod4 flex-row">
            <img
              class="icon3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01af3daad446d019c6ea7f3cc3682bfffaab5a66dee69b24818cb6fe85484ed4"
            />
            <span class="txt1">开门红福利大放送</span>
          </div>
          <div class="mod5 flex-col"></div>
        </div> -->
      </div>
      <div class="mod6 flex-col">
        <div class="outer1 flex-col">
          <div class="section1 flex-col">
            <img
              class="pic1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng95f44fd1d0df1b5ff89c1a456085139a73f8eaacbf3703b980f214792a9bef9e"
            />
            <div class="bd1 flex-col">
              <img
                class="pic2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc86b0c515997031f2932c71c90e7de3b6c8543a596367d9e9f02195becaac200"
              />
            </div>
            <img
              class="img1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng81284f32a68114f2d28dc0a456186494a8fe1260442da1ff88d95b5d794f606e"
            />
            <img
              class="pic3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng303030e7c847a4b02780edae519b1acc7828c830e0fa6b6c3a2cb6cc7a816060"
            />
            <img
              class="pic4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf97ccb443c0c80aa66919e944dd371a0cc7a8c0a9dd7f88ba883306c80d66ae6"
            />
          </div>
          <span class="info3">活动时间:2020.12.31-2021.02.30</span>
          <img
            class="pic5"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8043d6dbfac68df8a4974806a48086ad9defe7211279b635ebf43567e7c2c65e"
          />
          <div class="section2 flex-row">
            <img
              class="icon4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5941f93e9c53efe942842a55e0fa85e80d0bcfc78ecba59910177fbefc78e836"
            />
            <span class="word1">获得更多抽奖机会</span>
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5941f93e9c53efe942842a55e0fa85e80d0bcfc78ecba59910177fbefc78e836"
            />
          </div>
          <div class="section3 flex-row">
            <div class="outer2 flex-col">
              <div class="layer1 flex-col">
                <span class="word2">早间登录</span>
                <span class="word3">0:00至10:00</span>
                <span class="word4">获得1次抽奖机会</span>
                <div class="outer3 flex-col">
                  <span class="word5">已过期</span>
                </div>
              </div>
            </div>
            <div class="outer4 flex-col">
              <div class="box1 flex-col">
                <span class="word6">午间登录</span>
                <span class="txt2">10:00至16:00</span>
                <span class="word7">获得1次抽奖机会</span>
                <div class="outer5 flex-col">
                  <div class="outer6 flex-row">
                    <img
                      class="icon6"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga47c71505d16ba62d5ba53e0744ccb9d7ebc6a57af159a4da917dbb575dc21d2"
                    />
                    <span class="txt3">已领取</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="outer7 flex-col">
              <div class="group1 flex-col">
                <span class="word8">晚间登录</span>
                <span class="word9">16:00至24:00</span>
                <span class="word10">获得1次抽奖机会</span>
                <button class="block1 flex-col" @click="onClick_1">
                  <span class="word11">待登录</span>
                </button>
              </div>
            </div>
          </div>
          <div class="section4 flex-col">
            <div class="wrap1 flex-col">
              <div class="mod7 flex-col">
                <span class="word12">今日学习时长</span>
                <span class="word13">
                  每日在e学堂学习10分钟，获得1次抽奖机会
                </span>
                <img
                  class="pic6"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0f682061e486d18df26acfa17a462b7c246f1c533df05f802966eaad09073614"
                />
                <div class="layer2 flex-row">
                  <span class="word14">1分钟</span>
                  <span class="word15">10分钟</span>
                </div>
                <button class="layer3 flex-col" @click="onClick_2">
                  <span class="info4">去学习</span>
                </button>
              </div>
            </div>
          </div>
          <div class="section5 flex-col">
            <div class="bd2 flex-col">
              <div class="outer8 flex-col">
                <span class="info5">今日新增瑞管家托管客户</span>
                <span class="word16">
                  当日每新增1位瑞管家托管客户，获得1次抽奖机会
                </span>
                <div class="box2 flex-row">
                  <div class="bd3 flex-col">
                    <span class="word17">+2</span>
                    <span class="txt4">新增托管客户</span>
                  </div>
                  <div class="bd4 flex-col"></div>
                  <div class="bd5 flex-col">
                    <span class="word18">2</span>
                    <span class="txt5">获得抽奖次数</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="section6 flex-col">
            <div class="layer4 flex-col">
              <div class="layer5 flex-row">
                <span class="info6">今日代理人出单</span>
              </div>
              <div class="layer6 flex-row">
                <span class="word19">内容待定内容待定内容待定</span>
              </div>
              <div class="layer7 flex-row">
                <div class="main3 flex-col">
                  <span class="word20">+2</span>
                  <span class="word21">出单数量</span>
                </div>
                <div class="main4 flex-col"></div>
                <div class="main5 flex-col">
                  <span class="word22">2</span>
                  <span class="info7">获得抽奖次数</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="outer9 flex-col"></div>
        <div class="outer10 flex-col"><span class="info8">活动规则</span></div>
        <div class="outer11 flex-col">
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc56ba742221c00e1425184a526a7a8cfee0aa599250fb8aa39c27ed265df6628"
          />
        </div>
        <div class="outer12 flex-col"><div class="layer8 flex-col"></div></div>
        <div class="outer13 flex-col"><div class="layer9 flex-col"></div></div>
        <img
          class="img2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng544b60d69b25c36bfcadfb8e9a813220f4799c198a5236e62b110a1c0db2d910"
        />
        <div class="outer14 flex-col"><div class="layer10 flex-col"></div></div>
        <div class="outer15 flex-col">
          <img
            class="pic7"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng007a270d52e9c477f4962c6ce23dae18091e19031be678969d03f9d9c7eaf11c"
          />
        </div>
        <div class="outer16 flex-col">
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4c570e177bf61a13fe53d6ef1ee07c5cbc4ebfb68092b8dbb29cd52d7300a5fe"
          />
        </div>
        <div class="outer17 flex-col"></div>
        <div class="outer18 flex-col"></div>
        <div class="outer19 flex-col">
          <span class="word23">恭喜河南张*获得XXXXXX”</span>
        </div>
        <div class="outer20 flex-col"><div class="mod8 flex-col"></div></div>
        <div class="outer21 flex-col">
          <div class="layer11 flex-row">
            <img
              class="label3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng90a50d9fcf91a87dbe1a12b335103946d9325e98cb89e8de81cd56f323844390"
            />
            <img
              class="label4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcfe7cc0efb7f6a0c7f90f3e7210a0ded74ee0932469bc37462d81fb93e988e04"
            />
            <img
              class="pic8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf8e188d105a8b8541a901c46568758ae319eb6348743980c1dc51a5ddd453154"
            />
            <img
              class="icon7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc643798747bfcb96f6bfd0b47e3d5b361eb4aa7a23c19e3d445a80dce961997f"
            />
          </div>
          <div class="layer12 flex-row">
            <img
              class="img3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb09bc3c7a19bb39fbee0aa7d7b7ca6d316ed5c0c544c77c43c46de7ae8828bd9"
            />
            <img
              class="icon8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4ff1fe8e18bac791a30e68abc4f18277a4fd9ccd68978a5cc6c3744e3a437b19"
            />
          </div>
          <div class="layer13 flex-row">
            <img
              class="icon9"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng637a8b77859c16eb333f12c3b26893091682c6b01c5aaaa60873a669701a0381"
            />
          </div>
          <div class="layer14 flex-row">
            <img
              class="pic9"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng66a37bcfdcacba73868f73e61804bb02492cc316619705a6186ad4c35033d318"
            />
            <img
              class="icon10"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c1c027793a63a92aa78f59c0f884d2bf1db81b5814fef8b52b0ae8e9c17ae9f"
            />
          </div>
          <div class="layer15 flex-row">
            <img
              class="label5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng68d72fcc66b81f1e89fef392db529905fd29ec1591fffd227e495efb4158c86c"
            />
          </div>
          <img
            class="icon11"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfdfaec3aae16c377686d4e01e83ae11ee1863d1157acff7175abc9be2442263f"
          />
        </div>
        <div class="outer22 flex-col">
          <img
            class="pic10"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5cdbdaca2c07a96a5682ab5bbdd7a75881635623251c5161b5a842121c353a30"
          />
        </div>
        <div class="outer23 flex-col">
          <img
            class="pic11"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngadd11b643ba167448fb73727895fdc655c427706be34df6595edfbfc689bb696"
          />
        </div>
      </div>
    </div>
    <div class="main6 flex-col">
      <div class="box3 flex-row"><div class="layer16 flex-col"></div></div>
      <div class="box4 flex-row">
        <div class="layer17 flex-col"></div>
        <div class="layer18 flex-col">
          <div class="mod9 flex-row">
            <div class="mod10 flex-col">
              <div class="wrap2 flex-col">
                <div class="bd6 flex-col">
                  <div class="layer19 flex-col">
                    <img
                      class="pic12"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34d1dc489c9bf4f963bef523c185b8926b2d43c017af8ecbd1155c562acbec1e"
                    />
                  </div>
                </div>
                <img
                  class="img4"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c2e15fd14c45851bbdbc8cb5f3d7b6a8921df6f771b39542ab7be63f100fc3f"
                />
                <span class="word24">大嘴猴保温杯</span>
              </div>
            </div>
            <div class="mod11 flex-col">
              <div class="box5 flex-col">
                <div class="outer24 flex-col">
                  <img
                    class="pic13"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2eecb0513e14406f5a2ae73e5ab6a31608b8fe03f9f1a03e2939be2be182c3c"
                  />
                </div>
                <img
                  class="img5"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c2e15fd14c45851bbdbc8cb5f3d7b6a8921df6f771b39542ab7be63f100fc3f"
                />
                <span class="info9">小米智能音箱</span>
              </div>
            </div>
            <div class="mod12 flex-col">
              <div class="outer25 flex-col">
                <img
                  class="pic14"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7dd6f40cf30dcb8ead41ceb0868e5240ee4d213ccaff7ad162930ca85ef3c1ed"
                />
                <span class="word25">赠险1份</span>
              </div>
            </div>
          </div>
          <div class="mod13 flex-row">
            <div class="bd7 flex-col">
              <div class="bd8 flex-col">
                <div class="section7 flex-col">
                  <img
                    class="img6"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng754b3cf7392c810051ab561a9c81651d7e871588a713dc5a10c07b2b082726c7"
                  />
                </div>
                <img
                  class="pic15"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7c2e15fd14c45851bbdbc8cb5f3d7b6a8921df6f771b39542ab7be63f100fc3f"
                />
                <span class="word26">电话医生x1</span>
              </div>
            </div>
            <div class="bd9 flex-col"></div>
            <div class="bd10 flex-col">
              <div class="layer20 flex-col">
                <img
                  class="pic16"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7712f68d5ca1680eca5c34b60489a44ae57316715cd86a61cf50c7987816a312"
                />
                <span class="word27">中石化油卡</span>
              </div>
            </div>
          </div>
          <div class="mod14 flex-row">
            <div class="mod15 flex-col">
              <div class="outer26 flex-col">
                <img
                  class="img7"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga6579c6cd89cf33fa45bc3502e5ff2ea4d6cb9e004bb6889cdb13192a8fcd2f3"
                />
                <span class="txt6">再来一次</span>
              </div>
            </div>
            <div class="mod16 flex-col">
              <div class="outer27 flex-col">
                <img
                  class="img8"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga5d183f28cfabbdefb3c9367183586866783f35bf2d3f878db53843a46d66fbd"
                />
                <span class="txt7">爱奇艺月卡</span>
              </div>
            </div>
            <div class="mod17 flex-col">
              <div class="bd11 flex-col">
                <img
                  class="img9"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngeb6aea5a676276be5b69ec038b0587ea992190385f14e2768cd6ccb0a5de4048"
                />
                <span class="word28">谢谢参与</span>
              </div>
            </div>
          </div>
          <div class="mod18 flex-col">
            <div class="main7 flex-col">
              <span class="info10">开始抽奖</span>
              <span class="txt8">剩余1次机会</span>
            </div>
          </div>
        </div>
        <div class="layer21 flex-col"></div>
      </div>
      <div class="box6 flex-row"><div class="bd12 flex-col"></div></div>
      <div class="box7 flex-row">
        <div class="mod19 flex-col"><span class="word29">中奖记录</span></div>
      </div>
    </div>
    <img
      class="pic17"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng92fabaa465d5c94e24ccbc8a235d0bba9c8b6c9e72d0037631a70f728cdd71c8"
    />
    <div class="main8 flex-col"></div>
    <div class="main9 flex-col"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2827px;
  overflow: hidden;
  .main1 {
    z-index: auto;
    width: 750px;
    height: 2827px;
    .mod1 {
      z-index: 534;
      height: 40px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 1px;
      align-items: center;
      .mod2 {
        z-index: auto;
        width: 727px;
        height: 33px;
        .icon1 {
          z-index: 546;
          width: 29px;
          height: 19px;
          margin-top: 5px;
        }
        .info1 {
          z-index: 545;
          width: 90px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
          margin-left: 289px;
        }
        .info2 {
          z-index: 538;
          width: 66px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: right;
          margin-left: 198px;
        }
        .icon2 {
          z-index: 539;
          width: 49px;
          height: 21px;
          margin: 4px 0 0 6px;
        }
      }
    }
    .mod3 {
      z-index: 528;
      height: 88px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: flex-end;
      .main2 {
        z-index: auto;
        width: 750px;
        height: 73px;
        .mod4 {
          z-index: auto;
          width: 495px;
          height: 58px;
          margin-left: 50px;
          justify-content: space-between;
          .icon3 {
            z-index: 531;
            width: 22px;
            height: 38px;
            margin-top: 10px;
          }
          .txt1 {
            z-index: 530;
            width: 340px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            letter-spacing: 1px;
            font-family: PingFangSC-Medium;
            line-height: 58px;
            text-align: center;
          }
        }
        .mod5 {
          z-index: 529;
          width: 750px;
          height: 1px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe00a0a6594e3fec4f9567996fc96f8641842e8a31cd3ba7109cd48ef69e114e)
            100% no-repeat;
          margin-top: 14px;
        }
      }
    }
    .mod6 {
      z-index: 5;
      height: 2699px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd15aeb60f623d6342b639cc20766c83bea04550de32ad90240ed8cb8a10e9216)
        100% no-repeat;
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 41px;
      align-items: center;
      position: relative;
      .outer1 {
        z-index: auto;
        width: 670px;
        height: 2576px;
        .section1 {
          z-index: 475;
          position: relative;
          width: 600px;
          height: 280px;
          overflow: hidden;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6733cf49123cc4f58c983a04f9aabe32b6da6a407836494bd4dce2cf3732b326)
            100% no-repeat;
          align-self: center;
          .pic1 {
            z-index: 503;
            position: absolute;
            left: 70px;
            top: 0;
            width: 262px;
            height: 172px;
          }
          .bd1 {
            z-index: 490;
            height: 192px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdc0342eb5cd0aa42c65ecbcc07fb49f8bd636c3ec81b4ae8dc53ea98fc07095c)
              100% no-repeat;
            width: 562px;
            position: absolute;
            left: 24px;
            top: 2px;
            .pic2 {
              z-index: 502;
              width: 562px;
              height: 192px;
            }
          }
          .img1 {
            z-index: 478;
            position: absolute;
            left: 30px;
            top: 2px;
            width: 562px;
            height: 197px;
          }
          .pic3 {
            z-index: 504;
            position: absolute;
            left: 388px;
            top: 2px;
            width: 212px;
            height: 262px;
          }
          .pic4 {
            z-index: 505;
            position: absolute;
            left: 44px;
            top: 215px;
            width: 512px;
            height: 65px;
          }
        }
        .info3 {
          z-index: 552;
          width: 427px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 247, 212, 1);
          font-size: 26px;
          letter-spacing: 0.8357142806053162px;
          font-family: Helvetica;
          line-height: 31px;
          text-align: left;
          align-self: center;
          margin-top: 10px;
        }
        .pic5 {
          z-index: 68;
          width: 578px;
          height: 40px;
          align-self: center;
          margin-top: 69px;
        }
        .section2 {
          z-index: auto;
          width: 375px;
          height: 50px;
          justify-content: space-between;
          margin: 821px 0 0 146px;
          .icon4 {
            z-index: 60;
            width: 34px;
            height: 34px;
            margin-top: 8px;
          }
          .word1 {
            z-index: 65;
            width: 288px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 216, 146, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            line-height: 50px;
            text-align: center;
          }
          .icon5 {
            z-index: 64;
            width: 34px;
            height: 34px;
            margin-top: 8px;
          }
        }
        .section3 {
          z-index: auto;
          width: 670px;
          height: 240px;
          margin-top: 40px;
          justify-content: space-between;
          .outer2 {
            z-index: 237;
            height: 240px;
            border-radius: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
              100% no-repeat;
            width: 214px;
            justify-content: center;
            align-items: center;
            .layer1 {
              z-index: auto;
              width: 178px;
              height: 182px;
              .word2 {
                z-index: 243;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 28px;
                font-family: Helvetica;
                line-height: 34px;
                text-align: center;
                align-self: center;
              }
              .word3 {
                z-index: 241;
                width: 133px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
                align-self: center;
                margin-top: 14px;
              }
              .word4 {
                z-index: 242;
                width: 178px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
              }
              .outer3 {
                z-index: 239;
                height: 40px;
                border-radius: 20px;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge5e0dce81734b4b95f3a04573f836d1f0dc1231d5b441dc21479354bf57b38f1) -1px -1px
                  no-repeat;
                align-self: flex-start;
                width: 140px;
                justify-content: center;
                align-items: center;
                margin: 20px 0 0 16px;
                .word5 {
                  z-index: 240;
                  width: 72px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(142, 12, 12, 1);
                  font-size: 24px;
                  line-height: 34px;
                  text-align: left;
                }
              }
            }
          }
          .outer4 {
            z-index: 246;
            height: 240px;
            border-radius: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
              100% no-repeat;
            width: 214px;
            justify-content: center;
            align-items: center;
            .box1 {
              z-index: auto;
              width: 178px;
              height: 182px;
              .word6 {
                z-index: 254;
                width: 112px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 28px;
                font-family: Helvetica;
                line-height: 34px;
                text-align: center;
                align-self: center;
              }
              .txt2 {
                z-index: 255;
                width: 143px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
                align-self: center;
                margin-top: 14px;
              }
              .word7 {
                z-index: 256;
                width: 178px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
              }
              .outer5 {
                z-index: 248;
                height: 40px;
                border-radius: 20px;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge5e0dce81734b4b95f3a04573f836d1f0dc1231d5b441dc21479354bf57b38f1) -1px -1px
                  no-repeat;
                align-self: center;
                margin-top: 20px;
                width: 140px;
                justify-content: center;
                align-items: flex-start;
                padding-left: 19px;
                .outer6 {
                  z-index: auto;
                  width: 98px;
                  height: 34px;
                  justify-content: space-between;
                  .icon6 {
                    z-index: 251;
                    width: 20px;
                    height: 16px;
                    margin-top: 9px;
                  }
                  .txt3 {
                    z-index: 249;
                    width: 72px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(142, 12, 12, 1);
                    font-size: 24px;
                    line-height: 34px;
                    text-align: left;
                  }
                }
              }
            }
          }
          .outer7 {
            z-index: 258;
            height: 240px;
            border-radius: 10px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1c68336534b4e12f9c7e111c6941f5a1dccbebd562ce4d5e050b19019c972c53)
              100% no-repeat;
            width: 214px;
            justify-content: center;
            align-items: center;
            .group1 {
              z-index: auto;
              width: 178px;
              height: 182px;
              .word8 {
                z-index: 262;
                width: 112px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 28px;
                font-family: Helvetica;
                line-height: 34px;
                text-align: center;
                align-self: center;
              }
              .word9 {
                z-index: 263;
                width: 148px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
                align-self: center;
                margin-top: 14px;
              }
              .word10 {
                z-index: 264;
                width: 178px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(116, 48, 9, 1);
                font-size: 24px;
                line-height: 34px;
                text-align: center;
              }
              .block1 {
                z-index: 260;
                height: 40px;
                border-radius: 20px;
                background-color: rgba(169, 9, 25, 1);
                align-self: center;
                margin-top: 20px;
                width: 140px;
                justify-content: center;
                align-items: center;
                .word11 {
                  z-index: 261;
                  width: 72px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 233, 227, 1);
                  font-size: 24px;
                  font-family: Helvetica;
                  line-height: 34px;
                  text-align: left;
                  background-image: linear-gradient(
                    180deg,
                    rgba(255, 198, 110, 1) 0%,
                    rgba(248, 164, 116, 1) 100%
                  );
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
                }
              }
            }
          }
        }
        .section4 {
          z-index: 195;
          height: 378px;
          border-radius: 20px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c8097349fad6218f1cf39d0b552261fd02116b1cca8ce3d07eda1f4bdba1dcc)
            100% no-repeat;
          margin-top: 20px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .wrap1 {
            z-index: 196;
            height: 356px;
            border-radius: 16px;
            background-color: rgba(255, 243, 221, 1);
            width: 650px;
            justify-content: center;
            align-items: center;
            .mod7 {
              z-index: auto;
              width: 590px;
              height: 306px;
              .word12 {
                z-index: 208;
                width: 192px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(79, 30, 18, 1);
                font-size: 32px;
                font-family: Helvetica;
                line-height: 38px;
                text-align: left;
                align-self: flex-start;
              }
              .word13 {
                z-index: 209;
                width: 493px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 92, 78, 1);
                font-size: 26px;
                line-height: 34px;
                text-align: left;
                align-self: flex-start;
                margin-top: 4px;
              }
              .pic6 {
                z-index: 203;
                width: 590px;
                height: 20px;
                margin-top: 46px;
              }
              .layer2 {
                z-index: auto;
                width: 570px;
                height: 33px;
                justify-content: space-between;
                margin: 10px 0 0 20px;
                .word14 {
                  z-index: 206;
                  width: 58px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(152, 92, 78, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: left;
                }
                .word15 {
                  z-index: 207;
                  width: 73px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(152, 92, 78, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: left;
                }
              }
              .layer3 {
                z-index: 200;
                height: 80px;
                border-radius: 40px;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb4b46a56effa196baebaa3222374d076d0ab8aa532930e740f609a45d322bc29)
                  100% no-repeat;
                margin-top: 34px;
                width: 590px;
                justify-content: center;
                align-items: center;
                .info4 {
                  z-index: 201;
                  width: 96px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 30, 18, 1);
                  font-size: 32px;
                  font-family: Helvetica;
                  line-height: 60px;
                  text-align: center;
                }
              }
            }
          }
        }
        .section5 {
          z-index: 211;
          height: 276px;
          border-radius: 20px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd89101fd6509e5bbb6d80da8e676d845d5d74637045e860fab247ddfdcfe63fc)
            100% no-repeat;
          margin-top: 20px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .bd2 {
            z-index: 212;
            height: 256px;
            border-radius: 10px;
            background-color: rgba(255, 243, 221, 1);
            width: 650px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 30px;
            .outer8 {
              z-index: auto;
              width: 567px;
              height: 205px;
              .info5 {
                z-index: 213;
                width: 352px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(79, 30, 18, 1);
                font-size: 32px;
                font-family: Helvetica;
                line-height: 38px;
                text-align: left;
                align-self: flex-start;
              }
              .word16 {
                z-index: 214;
                width: 567px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 92, 78, 1);
                font-size: 26px;
                line-height: 34px;
                text-align: left;
                margin-top: 4px;
              }
              .box2 {
                z-index: auto;
                width: 477px;
                height: 98px;
                justify-content: space-between;
                margin: 24px 0 0 57px;
                .bd3 {
                  z-index: auto;
                  width: 156px;
                  height: 98px;
                  .word17 {
                    z-index: 218;
                    width: 49px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(169, 9, 25, 1);
                    font-size: 40px;
                    font-family: Helvetica;
                    line-height: 48px;
                    text-align: center;
                    align-self: center;
                  }
                  .txt4 {
                    z-index: 217;
                    width: 156px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(79, 3, 10, 1);
                    font-size: 26px;
                    line-height: 34px;
                    text-align: center;
                    margin-top: 8px;
                  }
                }
                .bd4 {
                  z-index: 222;
                  width: 1px;
                  height: 60px;
                  background-color: rgba(79, 30, 18, 1);
                  margin-top: 19px;
                }
                .bd5 {
                  z-index: auto;
                  width: 156px;
                  height: 98px;
                  .word18 {
                    z-index: 220;
                    width: 24px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(169, 9, 25, 1);
                    font-size: 40px;
                    font-family: Helvetica;
                    line-height: 48px;
                    text-align: center;
                    align-self: center;
                  }
                  .txt5 {
                    z-index: 221;
                    width: 156px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(79, 3, 10, 1);
                    font-size: 26px;
                    line-height: 34px;
                    text-align: center;
                    margin-top: 8px;
                  }
                }
              }
            }
          }
        }
        .section6 {
          z-index: 224;
          height: 275px;
          border-radius: 20px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfcf3e31305a9b063f2560486cde0c7b59629468d873c7b522ffe755ad351e4f1)
            100% no-repeat;
          margin-top: 20px;
          width: 670px;
          justify-content: center;
          align-items: center;
          .layer4 {
            z-index: 225;
            height: 255px;
            border-radius: 10px;
            background-color: rgba(255, 243, 221, 1);
            width: 650px;
            .layer5 {
              z-index: auto;
              width: 224px;
              height: 45px;
              margin: 26px 0 0 30px;
              .info6 {
                z-index: 226;
                width: 224px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(79, 30, 18, 1);
                font-size: 32px;
                font-family: Helvetica;
                line-height: 38px;
                text-align: left;
              }
            }
            .layer6 {
              z-index: auto;
              width: 312px;
              height: 34px;
              margin: 4px 0 0 30px;
              .word19 {
                z-index: 227;
                width: 312px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(152, 92, 78, 1);
                font-size: 26px;
                line-height: 34px;
                text-align: left;
              }
            }
            .layer7 {
              z-index: auto;
              width: 451px;
              height: 98px;
              margin: 24px 0 0 113px;
              .main3 {
                z-index: auto;
                width: 104px;
                height: 98px;
                .word20 {
                  z-index: 231;
                  width: 49px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: center;
                }
                .word21 {
                  z-index: 230;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
              .main4 {
                z-index: 235;
                width: 1px;
                height: 60px;
                background-color: rgba(79, 30, 18, 1);
                margin: 19px 0 0 108px;
              }
              .main5 {
                z-index: auto;
                width: 156px;
                height: 98px;
                margin-left: 82px;
                .word22 {
                  z-index: 233;
                  width: 24px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(169, 9, 25, 1);
                  font-size: 40px;
                  font-family: Helvetica;
                  line-height: 48px;
                  text-align: center;
                  align-self: center;
                }
                .info7 {
                  z-index: 234;
                  width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(79, 3, 10, 1);
                  font-size: 26px;
                  line-height: 34px;
                  text-align: center;
                  margin-top: 8px;
                }
              }
            }
          }
        }
      }
      .outer9 {
        z-index: 27;
        position: absolute;
        left: 481px;
        top: -61px;
        width: 134px;
        height: 127px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe4af152439b550565371cc71882155c924561a5cffd60d90f6977775ad9e358) -13px
          62px no-repeat;
      }
      .outer10 {
        z-index: 555;
        height: 46px;
        border-radius: 23px 0 0 23px;
        background-color: rgba(255, 225, 155, 1);
        width: 136px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 14px;
        position: absolute;
        left: 614px;
        top: 40px;
        .info8 {
          z-index: 556;
          width: 104px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(165, 19, 25, 1);
          font-size: 26px;
          font-family: Helvetica;
          line-height: 38px;
          text-align: left;
        }
      }
      .outer11 {
        z-index: 18;
        height: 306px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9ae07c036102b374ba51b20560d72dbe183ffd9c30bf4643e3ca30734d60eec9)
          100% no-repeat;
        width: 722px;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        left: 26px;
        top: 0;
        padding: 100px 0 0 149px;
        .label1 {
          z-index: 31;
          width: 38px;
          height: 32px;
        }
      }
      .outer12 {
        z-index: 15;
        height: 353px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng368bd168ca642cb7b5554042e263b86004c20f5bfc23601117204350e2a34c39)
          100% no-repeat;
        width: 419px;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
        left: 331px;
        top: 0;
        .layer8 {
          z-index: 17;
          width: 249px;
          height: 286px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng80443468444bdb57c64790da0aede9b9173a9cec8d7704eb348a132042de4c98)
            100% no-repeat;
        }
      }
      .outer13 {
        z-index: 14;
        height: 403px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng06902011985636a064480f972d717f549be8d0d1bc979974815d8e8678a4faea)
          100% no-repeat;
        width: 432px;
        justify-content: flex-start;
        align-items: flex-start;
        position: absolute;
        left: 0;
        top: 0;
        .layer9 {
          z-index: 16;
          width: 166px;
          height: 210px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07308836c66398dfc891ac423ca2cb9e030bb00844e75586161413240cf6bb33)
            100% no-repeat;
        }
      }
      .img2 {
        z-index: 26;
        position: absolute;
        left: -20px;
        top: 203px;
        width: 84px;
        height: 78px;
      }
      .outer14 {
        z-index: 8;
        height: 554px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng907a1203fa004a52eeb74903691c0054ebbec5b17d59101d5a0b00c493212af3)
          0px 5px no-repeat;
        width: 554px;
        justify-content: flex-end;
        align-items: flex-end;
        position: absolute;
        left: 95px;
        top: -5px;
        padding: 0 144px 82px 0;
        .layer10 {
          z-index: 19;
          width: 57px;
          height: 52px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b189c1d3d3365e55e9e782a06dc4fc1c41f6afccbad09794267a3fe4e42a17b) -11px -1px
            no-repeat;
        }
      }
      .outer15 {
        z-index: 21;
        height: 78px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4eabd065338e29158a787fc68b5ab4c060a33f7d1628ba4072249777a23b9eb5)
          0px 0px no-repeat;
        width: 78px;
        justify-content: center;
        position: absolute;
        left: 611px;
        top: 270px;
        .pic7 {
          z-index: 22;
          width: 78px;
          height: 77px;
        }
      }
      .outer16 {
        z-index: 24;
        position: absolute;
        left: 674px;
        top: 319px;
        width: 40px;
        height: 40px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf0f8f7188cadb762d919804b15ba45c7cc796fefd5bc9061b955a320033c717f)
          0px 0px no-repeat;
        .label2 {
          z-index: 25;
          position: absolute;
          left: -1px;
          top: 0;
          width: 40px;
          height: 40px;
        }
      }
      .outer17 {
        z-index: 28;
        position: absolute;
        left: 65px;
        top: 425px;
        width: 112px;
        height: 53px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng21b5a3aa7b8d3bc4dbccf6c6f37203e5061b093ee6748cf6f6f256afaaf35e01)
          100% no-repeat;
      }
      .outer18 {
        z-index: 30;
        position: absolute;
        left: 0;
        top: 458px;
        width: 66px;
        height: 31px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga76d662abec40e8cafdcb5307ef41ffa98fb7bdfcdb205cea4d86efad1c1e288)
          100% no-repeat;
      }
      .outer19 {
        z-index: 73;
        height: 83px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2ef29fc0bb138f44cd8e561aef2b43c780a3c903b78d0080b89f31261005550d)
          100% no-repeat;
        width: 472px;
        justify-content: flex-start;
        padding-top: 21px;
        align-items: center;
        position: absolute;
        left: 139px;
        top: 438px;
        .word23 {
          z-index: 553;
          width: 410px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .outer20 {
        z-index: 7;
        height: 1272px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c9dd115d69e5ed6246fb9b2955bf343ffef78418058f2ae9d764bd543f342e1)
          100% no-repeat;
        width: 750px;
        justify-content: flex-end;
        padding-bottom: 207px;
        align-items: flex-end;
        position: absolute;
        left: 0;
        top: 0;
        .mod8 {
          z-index: 29;
          width: 113px;
          height: 74px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7601d9c46060fda3763b04891f156c80e8d46d110f94917a5ac9a4014d4779c7)
            100% no-repeat;
        }
      }
      .outer21 {
        z-index: 32;
        height: 1533px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb476b83ab5ea2c5a04e464340c1b3ca9ad672fe7fe41ad070ed0a024da46ab38)
          100% no-repeat;
        width: 750px;
        position: absolute;
        left: 0;
        top: 1166px;
        .layer11 {
          z-index: auto;
          width: 242px;
          height: 81px;
          margin-top: 283px;
          .label3 {
            z-index: 45;
            width: 35px;
            height: 35px;
            margin-top: 26px;
          }
          .label4 {
            z-index: 47;
            width: 36px;
            height: 25px;
            margin-left: 50px;
          }
          .pic8 {
            z-index: 46;
            width: 52px;
            height: 53px;
            margin: 23px 0 0 20px;
          }
          .icon7 {
            z-index: 48;
            width: 37px;
            height: 25px;
            margin: 56px 0 0 12px;
          }
        }
        .layer12 {
          z-index: auto;
          width: 121px;
          height: 52px;
          justify-content: space-between;
          margin: -145px 0 0 3px;
          .img3 {
            z-index: 44;
            width: 62px;
            height: 46px;
            margin-top: 6px;
          }
          .icon8 {
            z-index: 49;
            width: 36px;
            height: 25px;
          }
        }
        .layer13 {
          z-index: auto;
          width: 38px;
          height: 35px;
          margin: 211px 0 0 629px;
          .icon9 {
            z-index: 53;
            width: 38px;
            height: 35px;
          }
        }
        .layer14 {
          z-index: auto;
          width: 116px;
          height: 52px;
          justify-content: space-between;
          margin: -126px 0 0 634px;
          .pic9 {
            z-index: 52;
            width: 62px;
            height: 45px;
            margin-top: 7px;
          }
          .icon10 {
            z-index: 55;
            width: 31px;
            height: 26px;
          }
        }
        .layer15 {
          z-index: auto;
          width: 34px;
          height: 25px;
          margin: 13px 0 0 716px;
          .label5 {
            z-index: 54;
            width: 34px;
            height: 25px;
          }
        }
        .icon11 {
          z-index: 50;
          position: absolute;
          left: 164px;
          top: 300px;
          width: 37px;
          height: 26px;
        }
      }
      .outer22 {
        z-index: 41;
        height: 55px;
        width: 56px;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 2px;
        position: absolute;
        left: 707px;
        top: 2563px;
        .pic10 {
          z-index: 42;
          width: 41px;
          height: 54px;
        }
      }
      .outer23 {
        z-index: 38;
        height: 111px;
        width: 114px;
        justify-content: flex-start;
        align-items: flex-end;
        position: absolute;
        left: 628px;
        top: 2608px;
        .pic11 {
          z-index: 39;
          width: 109px;
          height: 91px;
        }
      }
    }
  }
  .main6 {
    z-index: 86;
    height: 742px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76218950c9c2932f626ab53f3174d97205e43a3da4b8338c4814739ec379439c)
      100% no-repeat;
    width: 670px;
    position: absolute;
    left: 40px;
    top: 628px;
    .box3 {
      z-index: auto;
      width: 584px;
      height: 20px;
      margin: 14px 0 0 43px;
      .layer16 {
        z-index: 116;
        width: 584px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng616999bcb71914e107529bae6d6de07972147eb709b95b9afbcf4bfaa1eef5ba) -9px -9px
          no-repeat;
      }
    }
    .box4 {
      z-index: auto;
      width: 655px;
      height: 544px;
      justify-content: space-between;
      margin: 9px 0 0 8px;
      .layer17 {
        z-index: 140;
        width: 21px;
        height: 535px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng54680344e06887017c1ffe7a12f990c71049119c3c441b58a0b3ba6d2dc54f85) -9px
          0px no-repeat;
        margin-top: 1px;
      }
      .layer18 {
        z-index: 193;
        height: 544px;
        border-radius: 14px;
        background-color: rgba(238, 119, 79, 1);
        box-shadow: inset -6px -12px 14px 0px rgba(212, 62, 26, 0.8);
        width: 596px;
        position: relative;
        .mod9 {
          z-index: auto;
          width: 576px;
          height: 173px;
          justify-content: space-between;
          margin: 12px 0 0 14px;
          .mod10 {
            z-index: 267;
            height: 173px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng965e3b2319d2c1e208c7ca4047174ce27c1ccb9927fbae75dc0f9772a68aa75e) -3px
              0px no-repeat;
            width: 186px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 16px 0 0 12px;
            .wrap2 {
              z-index: auto;
              width: 154px;
              height: 126px;
              .bd6 {
                z-index: 275;
                position: relative;
                width: 47px;
                height: 82px;
                overflow: hidden;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng185d975c34f2bcfb79ec585d54b0402f5adc3ee80ea92ec01662fa3dd5952423) -1px
                  0px no-repeat;
                align-self: flex-start;
                margin-left: 51px;
                .layer19 {
                  z-index: 277;
                  height: 76px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8ae85bb3c91596ff5352c2599d69f6c92c83fe92461e716c4069406605039d6f)
                    100% no-repeat;
                  width: 30px;
                  position: absolute;
                  left: 9px;
                  top: 2px;
                  .pic12 {
                    z-index: 278;
                    width: 30px;
                    height: 76px;
                  }
                }
              }
              .img4 {
                z-index: 279;
                width: 134px;
                height: 2px;
                align-self: center;
                margin-top: 6px;
              }
              .word24 {
                z-index: 280;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
          .mod11 {
            z-index: 282;
            height: 173px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng32a074ae3708984882f0706438dd45a385fb0f40b73bb889cd8597eba1a3341e) -2px
              0px no-repeat;
            width: 187px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 20px 0 0 12px;
            .box5 {
              z-index: auto;
              width: 154px;
              height: 122px;
              .outer24 {
                z-index: 290;
                position: relative;
                width: 50px;
                height: 75px;
                overflow: hidden;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf38d1b4e25584c3cd46545eaa2b4a85de35c98041adca7f2da66e4efe536c06c)
                  0px -1px no-repeat;
                align-self: flex-end;
                margin-right: 50px;
                .pic13 {
                  z-index: 291;
                  position: absolute;
                  left: -1px;
                  top: 0;
                  width: 50px;
                  height: 75px;
                }
              }
              .img5 {
                z-index: 292;
                width: 134px;
                height: 2px;
                align-self: center;
                margin-top: 9px;
              }
              .info9 {
                z-index: 293;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
          .mod12 {
            z-index: 295;
            height: 173px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng965e3b2319d2c1e208c7ca4047174ce27c1ccb9927fbae75dc0f9772a68aa75e) -3px
              0px no-repeat;
            width: 186px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 23px 0 0 22px;
            .outer25 {
              z-index: auto;
              width: 134px;
              height: 119px;
              .pic14 {
                z-index: 300;
                width: 134px;
                height: 83px;
              }
              .word25 {
                z-index: 309;
                width: 87px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                align-self: center;
                margin-top: 3px;
              }
            }
          }
        }
        .mod13 {
          z-index: auto;
          width: 575px;
          height: 175px;
          justify-content: space-between;
          margin: 1px 0 0 15px;
          .bd7 {
            z-index: 311;
            height: 175px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9c567f9503ed2628f0df9cefb9d361e0201a853ab4e9b4ac74c305fb9f98ed6c) -4px
              0px no-repeat;
            width: 185px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 16px 0 0 11px;
            .bd8 {
              z-index: auto;
              width: 154px;
              height: 128px;
              .section7 {
                z-index: 319;
                height: 89px;
                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfc61b182addeef66cea1e35af852a9ccb81f8fa06ec224affb2c58534f7c54b3)
                  0px 0px no-repeat;
                align-self: flex-end;
                margin-right: 20px;
                width: 103px;
                justify-content: flex-start;
                align-items: center;
                .img6 {
                  z-index: 320;
                  width: 94px;
                  height: 84px;
                }
              }
              .pic15 {
                z-index: 321;
                width: 134px;
                height: 2px;
                align-self: center;
                margin-top: 1px;
              }
              .word26 {
                z-index: 322;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
          .bd9 {
            z-index: 326;
            width: 185px;
            height: 169px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngab8a9b7d3d471c1ff3e92accc36a984575085d21b307cde178ed8418c8ff9a77) -4px
              0px no-repeat;
            margin-top: 6px;
          }
          .bd10 {
            z-index: 339;
            height: 175px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9c567f9503ed2628f0df9cefb9d361e0201a853ab4e9b4ac74c305fb9f98ed6c) -4px
              0px no-repeat;
            width: 185px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 26px 0 0 12px;
            .layer20 {
              z-index: auto;
              width: 154px;
              height: 118px;
              .pic16 {
                z-index: 344;
                width: 134px;
                height: 82px;
                align-self: center;
              }
              .word27 {
                z-index: 372;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
        }
        .mod14 {
          z-index: auto;
          width: 575px;
          height: 175px;
          justify-content: space-between;
          margin: 1px 0 0 15px;
          .mod15 {
            z-index: 417;
            height: 175px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9c567f9503ed2628f0df9cefb9d361e0201a853ab4e9b4ac74c305fb9f98ed6c) -4px
              0px no-repeat;
            width: 185px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 28px 0 0 12px;
            .outer26 {
              z-index: auto;
              width: 154px;
              height: 116px;
              .img7 {
                z-index: 424;
                width: 134px;
                height: 80px;
                align-self: center;
              }
              .txt6 {
                z-index: 423;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
          .mod16 {
            z-index: 392;
            height: 175px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9c567f9503ed2628f0df9cefb9d361e0201a853ab4e9b4ac74c305fb9f98ed6c) -4px
              0px no-repeat;
            width: 185px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 26px 0 0 12px;
            .outer27 {
              z-index: auto;
              width: 154px;
              height: 118px;
              .img8 {
                z-index: 397;
                width: 134px;
                height: 82px;
                align-self: center;
              }
              .txt7 {
                z-index: 415;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
          .mod17 {
            z-index: 374;
            height: 175px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9c567f9503ed2628f0df9cefb9d361e0201a853ab4e9b4ac74c305fb9f98ed6c) -4px
              0px no-repeat;
            width: 185px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 28px 0 0 12px;
            .bd11 {
              z-index: auto;
              width: 154px;
              height: 116px;
              .img9 {
                z-index: 379;
                width: 134px;
                height: 80px;
                align-self: center;
              }
              .word28 {
                z-index: 390;
                width: 154px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(124, 7, 18, 1);
                font-size: 24px;
                font-family: Helvetica;
                line-height: 29px;
                text-align: center;
                margin-top: 3px;
              }
            }
          }
        }
        .mod18 {
          z-index: 330;
          height: 154px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9fbe69e28d5baf00a26aa69318ddc3228e699b017dece62c26af328007a85cf2)
            100% no-repeat;
          width: 178px;
          justify-content: flex-end;
          padding-bottom: 27px;
          align-items: center;
          position: absolute;
          left: 209px;
          top: 186px;
          .main7 {
            z-index: auto;
            width: 159px;
            height: 88px;
            .info10 {
              z-index: 336;
              width: 144px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 36px;
              font-family: Helvetica;
              line-height: 43px;
              text-align: center;
              text-shadow: 2px 2px 6px rgba(215, 43, 9, 1);
              align-self: center;
            }
            .txt8 {
              z-index: 337;
              width: 159px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(107, 20, 12, 1);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              margin-top: 5px;
            }
          }
        }
      }
      .layer21 {
        z-index: 95;
        width: 21px;
        height: 535px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng54680344e06887017c1ffe7a12f990c71049119c3c441b58a0b3ba6d2dc54f85) -9px
          0px no-repeat;
        margin-top: 1px;
      }
    }
    .box6 {
      z-index: auto;
      width: 584px;
      height: 20px;
      margin: 9px 0 0 46px;
      .bd12 {
        z-index: 161;
        width: 584px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng616999bcb71914e107529bae6d6de07972147eb709b95b9afbcf4bfaa1eef5ba) -9px -9px
          no-repeat;
      }
    }
    .box7 {
      z-index: auto;
      width: 190px;
      height: 50px;
      margin: 31px 0 0 240px;
      .mod19 {
        z-index: 189;
        height: 50px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc6d85032e328e2f71ef7221a043f5d53862570bf2c7527475315d4e9be86f151)
          100% no-repeat;
        width: 190px;
        justify-content: center;
        align-items: center;
        .word29 {
          z-index: 192;
          width: 112px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(124, 7, 18, 1);
          font-size: 28px;
          line-height: 40px;
          text-align: center;
        }
      }
    }
  }
  .pic17 {
    z-index: 187;
    position: absolute;
    left: 10px;
    top: 1275px;
    width: 137px;
    height: 126px;
  }
  .main8 {
    z-index: 83;
    position: absolute;
    left: -23px;
    top: 1307px;
    width: 796px;
    height: 90px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge8f3a7ae9f21c46f2d0526f3d7f8a8022d0d0ee52dbf61e54ed990dfaec804dd)
      23px -13px no-repeat;
  }
  .main9 {
    z-index: 186;
    position: absolute;
    left: -17px;
    top: 1359px;
    width: 134px;
    height: 49px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng493ef02e2d275aea07aec1af768a6a7c50ef09f3e7b07bb496bf3d4545ec3ec2)
      17px -15px no-repeat;
  }
}

</style>
